import { Popup } from 'antd-mobile';
import React, { useState } from 'react';
import styles from './index.module.scss';
console.log('styles  ----->  ', styles);
export default function Test() {
  const [visible5, setVisible5] = useState(true);
  return (
    <div className={styles.root}>
      hahah
      <button onClick={() => setVisible5(true)}>dianwo </button>
      {/* 💥最终会挂载在body的子级，设计目的：为了不受父级样式的影响 */}
      <Popup
        bodyClassName="test-color"
        visible={visible5}
        onMaskClick={() => {
          setVisible5(false);
        }}
        bodyStyle={{
          borderTopLeftRadius: '8px',
          borderTopRightRadius: '8px',
          minHeight: '40vh',
        }}
      >
        Hello
      </Popup>
    </div>
  );
}
